[v-cloak]{ display: none; }
.cur{cursor: pointer;}
.flex-rict{display: flex; align-items: center; justify-content: flex-end;}

$red:#1F79FE;
$red1:#036A61;
$bg1:#F8F8F8;
$red2:#F77421;
.red{color: $red;}
.flex-ct{align-items: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -ms-flex-pack: justify;  justify-content: center;}
.flex-bect{align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -ms-flex-pack: justify;  justify-content: space-between;}
.flex-lect{-moz-align-items: center; -ms-jalign-items: center; -o-align-items: center; -ms-flex-pack: align;align-items: center}
.flex1{flex: 1; width: 100%;}
#app{}
.box{max-width: 100%; min-width: 92%;}
.main-layout {
  padding-top: 1.14rem;
  overflow: hidden;
  &.main-layout-nohead {
    padding-top: 0;
  }
}
#header{
  position: fixed; z-index: 99999; background-color: #fff;width: 100%;top: 0;max-width: 750px;
  &.common-header{box-shadow: none !important;}
  .top{ height: 1.14rem;}
  .tip{border-radius: 40px; border: 1px solid #ddd; padding: 0 0.2rem; height:0.46rem; font-size: 0.16rem; margin-left: 0.2rem;}
  .logo{
    max-width: 1.38rem;
    img{display: block;}
  }
  .mid{font-size: 0.18rem; padding: 0 0.2rem; height: 0.48rem; display: flex; align-items: center; justify-content: center; border-radius: 0.24rem; border: 1px solid #CFCFCF; margin-left: 0.2rem;}
  .ico-ph{
    font-size: 0.24rem; flex: 1; width: 100%; margin-right: 0.2rem;
    img{display: block; width: 0.44rem; min-width: 0.44rem; margin-right: 0.1rem;}
    
  }
  
}
.ov{overflow: hidden;}
.main-line{height: 0.2rem; background-color: #F8F8FA;}
$h6:4px;
#banner{
  position: relative;
  .my-swipe{
    .van-swipe__indicators{display: none;}
  }
  .img{display: block; width: 100%; height: 9.15rem;}
  .banner-nav{
    position: absolute; left: 50%; top:5rem; left: 4%;height: 3.67rem; padding-top: 0.4rem; background: #FFFFFF; border-radius: 0.1rem;
    .van-swipe__indicator{width: 6px; height: 6px; background-color: #B7D4FF; opacity: 1;}
    .van-swipe__indicator--active{
      width: 0.32rem !important; background-color: $red !important; border-radius: 3px !important;
    }
    .item-box{
      flex-wrap: wrap; text-align: center; padding-bottom: 0.5rem;
    }
    .item{
      font-size: 0.22rem; color: #11161D; width: 20%;
      .ico{height: 0.8rem; display: block; margin: 0 auto;}
    }
  }
  .swiper-slide .img{height: 4.6rem; width: 100%;}
  .ban-dot{
    position: absolute; width: 100%; left: 0; bottom: 0.3rem; z-index: 1; text-align: center;
     span{background-color: #fff; opacity: 0.2; width: 0.2rem; height: 0.2rem; margin: 0 0.1rem;}
     .swiper-pagination-bullet-active{opacity: 1;}
  }
}
.home-m2{
  width: 7.12rem; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../image/home/m2-bg.png);
  padding:0.38rem 0.45rem 0.4rem 1.36rem; position: relative; margin: 0.3rem 0 0.2rem;
  .tit{font-size: 0.32rem; color: #000; font-weight: bold; margin: 0rem 0 0.3rem;}
  .item{
    border-radius: 0.32rem;
    border: 1px solid #D6D6D6; font-size: 0.22rem; padding: 0 0.2rem;  margin-bottom: 0.1rem;
    .a{
      height: 0.64rem;
      &::before{content: '';width: 0.12rem; height: 0.12rem; background: $red; margin-right: 0.18rem; border-radius: 50%; }
    }
  }
  .logos{left: 0.13rem; top: 0; width: 1.07rem; position: absolute;}
  .refresh{
    font-size: 0.2rem; color: #888585; line-height: 1; position: absolute; left: 0.42rem; bottom: 0.64rem; text-align: center;
    .ico{width: 0.24rem; height: 0.24rem; display: block; margin: 0 auto 0.05rem;}
  }
}

.home-m3{
  .m3-box{
    background-position: center; background-size: 100% 100%; background-repeat: no-repeat; padding: 0.42rem 0.2rem;
    &.m3-box0{
      background-image: url(../image/home/m3-bg1.png);
      .list{
        .btn{background: #0056F3;}
      }
    }
    &.m3-box1{
      background-image: url(../image/home/m3-bg2.png);
      .list{
        .btn{background: #852AEC;}
      }
    }
    .tab{
      width: 2.66rem; padding: 0.04rem;
      background: #FFFFFF;
      border-radius: 0.42rem;
      .item{width: 50%; border-radius: 0.42rem; font-size: 0.32rem; height: 0.83rem;}
      .item0.on{
        background-color: #006BF3; color: #fff;
        
      }
      .item1.on{
        background-color: #852AEC; color: #fff;
        
      }
    }
    .top{
      margin-bottom: 0.3rem;
      .ico{width: 0.37rem; display: block; margin-right: 0.14rem;}
      .tit{font-size: 0.36rem; margin-bottom: 0.2rem; color: #fff;}
      .intro{background-image: url(../image/home/m3-text.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; color: #fff; font-size: 0.2rem; height: 0.42rem; padding-left: 0.1rem; width: 3.5rem;}
    }
    .list{
      background: #FFFFFF;
      border-radius: 0.1rem; padding: 0.1rem 0.32rem;
      .item{
        padding: 0.27rem 0; border-bottom: 1px solid #E8F1FF;
        &:last-child{border-bottom: none;}
        .name{font-size: 0.26rem; font-weight: bold; line-height: 0.3rem; height: 0.3rem; margin-bottom: 0.1rem;}
        .intro{color: #666; font-size: 0.2rem; line-height: 0.2rem; height: 0.2rem;}
        .btn{
          width: 1.07rem;
          height: 0.47rem; font-size: 0.24rem; font-weight: bold;
          border-radius: 0.23rem; color: #fff;
        }
      }
    }
  }
}
.home-m4{
  border-top: 0.24rem solid #F4F4F4; border-bottom: 0.24rem solid #F4F4F4; padding: 0.3rem 0; overflow: hidden;
  .box{display: flex !important;}
  .tit{font-size: .34rem; color: #000; font-weight: bold;}
  .m4-ban{width: 3.4rem;  overflow: visible; margin-left: 0.28rem;  margin-top: 0.6rem;}
  .van-swipe-item{padding-right: 0.15rem;}
  .item{
    width: 100%; height: 3.45rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; text-align: center; padding-top: 0.17rem;
    &.item0{background-image: url(../image/home/m4-bg1.png);}
    &.item1{background-image: url(../image/home/m4-bg2.png);}
    &.item2{background-image: url(../image/home/m4-bg3.png);}
    &.item3{background-image: url(../image/home/m4-bg4.png);}
    &.item4{background-image: url(../image/home/m4-bg5.png);}
    .ico{width: 0.85rem; height: 0.83rem; display: block; margin: 0 auto 0.25rem;}
    .name{line-height: 1; font-size: 0.28rem; font-weight: bold; margin-bottom: 0.2rem;}
    .intro{color: #666; font-size: 0.2rem; line-height: 0.2rem; line-height: 0.3rem;}
    .btn{
      width: 2.15rem;
      height: 0.6rem;
      border-radius: 0.2rem;
      margin: 0.2rem auto 0; color: #fff;
      &.btn0{background: #006BF3;}
      &.btn1{background: #A95AFF;}
      &.btn2{background: #2ACB64;}
      &.btn3{background: #FFA431;}
      &.btn4{background: #FF423A;}
    }
  }
}
.home-tit{font-size: .34rem; color: #000; font-weight: bold;}
.home-m5{
  padding: 0.4rem 0 0.59rem;
  .home-tit{margin-bottom: 0.4rem;}
  .con{
    height: 6.93rem; padding: 0.45rem 0.36rem;
    background: linear-gradient(0deg, #FFFFFF 0%, #EAF2FF 100%);
    box-shadow: 1px 4px 10px 0px rgba(83,83,83,0.17);
    border-radius: 0.1rem; position: relative;
    &::before{content: '';display: block;width: 0.7rem; height: 0.11rem; background: #1F79FE; position: absolute; left: 50%; top: 0; transform: translateX(-50%); border-radius: 6px;}
  }
  .intro{font-size: 0.2rem; line-height: 0.34rem; color: #011024;}
  .tab{
    margin-bottom: 0.4rem;
    .item{
      width: 1.85rem;
      height: 0.6rem;
      background: #FFFFFF;
      border-radius: 30px;
      font-size: 0.24rem; font-weight: bold;
      &.on{background-color: $red; color: #fff;}
    }
  }
  .m5-box{
    
  }
  .bottom{
    margin-top: 0.45rem; align-items: flex-start;
    .tit{
      font-size: 0.24rem; font-weight: bold; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.3rem;
      &::before{content: ''; display: block;width: 5px; height: 0.23rem; background: #1F79FE; margin-right: 0.11rem;}
    }
    .w{width: 3rem;}
    .list-btn{
      .item{display: flex; align-items: center; justify-content: center; background-color: $red; color: #fff; font-size: 0.24rem; height: 0.6rem; border-radius: 0.3rem; margin-bottom: 0.18rem;}
    }
  }
  .m5-ban{
    padding-bottom: 0.4rem;
    .van-swipe__indicators{bottom: 0;}
    .van-swipe__indicator{background-color: #B8D5FF; opacity: 1;}
    .name{font-size: 0.26rem; margin-bottom: 0.2rem;}
    .intro{color: #666;}
  }
}
.home-m6{
  .home-tit{margin-bottom: 0.4rem;}
  .con{
    background: #0078F7;
    border-radius: 0.2rem; padding: 0.14rem;
    .w1{
      margin-left:0.14rem;
      .tit{margin-top: 0.2rem; font-size: 0.34rem; color: #fff; font-weight: bold; margin-bottom: 0.3rem;}
      .more{
        width: 1.36rem;
        height: 0.48rem; font-size: 0.18rem;
        background: #FFFFFF;
        border-radius: 24px;
        color: #0078F7;
        .ico{width: 0.22rem; margin-left: 0.06rem;}
      }
    }
    .w2{
      width: 4.8rem; background-color: #fff; border-radius: 0.2rem; padding: 0.14rem; overflow-x: scroll;white-space: nowrap;
      .item{
        width: 2.06rem; height: 1.74rem;background-position: center; background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; vertical-align: top;
        .name{font-size: 0.24rem; margin: 0.64rem 0 0.25rem; text-align: center; line-height: 1; font-weight: bold; color: #333;}
        .more{
          width: 0.85rem;
          height: 0.33rem;background: #0078F7;
          border-radius: 17px; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 0.2rem;
        }
        &.item0{
          background-image: url(../image/home/m6-bg1.png);
          .more{background: #FE4A32;}
          .name{color: #FE4A32;}
        }
        &.item1{
          background-image: url(../image/home/m6-bg2.png);
          .more{background: #0054FF;}
          .name{color: #0054FF;}
        }
        &.item2{
          background-image: url(../image/home/m6-bg3.png);
          .more{background: #8B2CFF;}
          .name{color: #8B2CFF;}
        }
        &.item3{background-image: url(../image/home/m6-bg4.png);}
        &.item4{background-image: url(../image/home/m6-bg5.png);}
        &.item3,&.item4{
          width: 1.88rem;
          height: 1.61rem;
          background-color: #FFFFFF; background-size: 0.48rem 0.48rem; background-position: center 0.1rem;
          box-shadow: 1px 4px 10px 0px rgba(83,83,83,0.17);
          border-radius: 0.1rem; margin-right: 0.2rem;
        }
      }
    }
  }
}
.home-m7{
  background: linear-gradient(183deg, #EBF2FF 0%, #FFFFFF 100%); padding: 0.49rem 0.3rem 0.4rem; margin-top: 0.53rem; border-bottom: 0.2rem solid #F4F4F4;
  .home-tit{
    margin-bottom: 0.35rem;
    .more{width: 1.52rem; height: 0.53rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(../image/home/m7-ico.png); padding-left: 0.4rem; font-size: 0.22rem;}
  }
  .tab{
    overflow-x: scroll;white-space: nowrap; margin-right: -0.3rem; margin-bottom: 0.3rem;
    .item{
      padding: 0 0.2rem; line-height: 0.52rem; display: inline-block; vertical-align: top; border-radius: 0.26rem; font-size: 0.26rem; color: #666;
      &.on{background-color: #0078F7; color: #fff;}
    }
  }
  .con{
    background: #FFFFFF;
    border-radius: 0.3rem; padding: 0.26rem; padding-bottom: 0;
    .top{
      display: flex; align-items: center; justify-content: space-between;
      .more{
        color: #999; font-size: 0.2rem; line-height: 1;display: flex; align-items: center; justify-content: space-between;
        .ico{width: 0.23rem; margin-right: 0.1rem; display: block;}
      }
      .btn{
        width: 1.16rem;
        height: 0.41rem;
        border-radius: 0.1rem; color: #25A48C; font-size: 0.2rem; display: flex; align-items: center; justify-content: center;  
        border: 1px solid #38B69E;
      }
    }
    .list{
      .item{
        height: 0.89rem; border-bottom: 1px solid #EBEBEB;
        &:last-child{border-bottom: none;}
        .name{font-size: 0.3rem; max-width: 4.7rem;}
      }
      .more{
        width: 1.15rem;
        height: 0.41rem;
        background: #E2F0FF;
        border-radius: 0.10rem; color:#0078F7;
      }
    }
  }
}
.school{
  padding: 0.5rem 0;
  .home-tit{
    margin-bottom: 0.45rem;
    .more{
      display: flex; align-items: center; font-size: 0.24rem; color:#0078F7;
      .ico{width: 0.27rem; margin-right: 0.08rem;}
    }
  }
  .top{
    font-size: 0.24rem;
    .item{
      height: 0.45rem; padding: 0 0.23rem; color: #0078F7; margin-left: 0.11rem;
      border-radius: 0.23rem;
      border: 1px solid #B0D6FF;
    }
  }
  .van-overlay{background-color: rgba(255,255,255,0.3);}
  .van-popup--bottom{padding-top: 1rem; background: none;}
  .close{position: absolute; width: 0.5rem; height: 0.5rem; right: 0rem; top: 0rem; background-image: url(../image/home/close.png);background-position: center; background-size: 0.26rem; background-repeat: no-repeat;}
  .con{
    background: #FFFFFF;
    box-shadow: -1px -0.4rem 0.6rem 0px rgba(84,84,84,0.36);
    border-radius: 0.4rem 0.4rem 0px 0px; padding: 0.5rem 0.3rem;
    .tit{text-align: center; font-size: 0.36rem; font-weight: bold; margin-bottom: 0.68rem; position: relative;}
    .t{font-size: 0.24rem; color: #666; margin-bottom: 0.2rem;}
    .item{
      font-size: 0.28rem; display: flex; align-items: center; justify-content: center; width: 1.56rem; height: 0.57rem; border-radius: 0.1rem; border: 1px solid #CACACA; margin-right: 0.17rem; margin-bottom: 0.17rem;
      &.on{
        background-color: #EEF6FF; color: #0078F7; font-weight: bold;
      }
      
    }
  }
  .btns{
    width: 4.50rem;
    height: 1.08rem;
    background: #0078F7;
    border-radius: .54rem;
    font-weight: 800;
    font-size: .30rem;
    color: #F6F6F6; margin: 0.5rem auto 0.2rem;
  }
  .zxb-home{
    
    .school-list{
      &::-webkit-scrollbar-thumb {
          background-color: #0078F7; /* 设置滑块背景色 */
          border-radius: 4px; /* 设置滑块圆角 */
      }
    }
  }
  .school-list{
    
    overflow-y: auto;margin: 0 -0.1rem 0 -0.2rem; padding:0.1rem 0.1rem 0 0.2rem; margin-top: 0.2rem;
    /* 全局样式 */
    &::-webkit-scrollbar {
        width: 0.12rem; /* 设置滚动条宽度 */
    }
     
    /* 水平滚动条样式 */
    &::-webkit-scrollbar-track {
        background-color: #E7E7E7; /* 设置滑道背景色 */
    }
     
    &::-webkit-scrollbar-thumb {
        background-color: #BDBDBD; /* 设置滑块背景色 */
        border-radius: 4px; /* 设置滑块圆角 */
    }
     
    /* 垂直滚动条样式 */
    &::-webkit-scrollbar-corner {
        display: none; /* 去除交叉点 */
    }
     
    /* Firefox浏览器支持 */
    @supports (-moz-appearance:none) {
        &::-moz-scrollbar {
            width: 0.12rem; /* 设置滚动条宽度 */
        }
        
        &::-moz-scrollbar-track {
            background-color: #E7E7E7; /* 设置滑道背景色 */
        }
        
        &::-moz-scrollbar-thumb {
            background-color: #0078F7; /* 设置滑块背景色 */
            border-radius: 4px; /* 设置滑块圆角 */
        }
    }
    .item{
      background: #FFFFFF; width: 100%; display: flex;
      box-shadow: 0px 0px 0.1rem 0px rgba(83,83,83,0.17); margin-bottom: 0.2rem; font-size: 0.22rem; color: #666; line-height: 1.6;
      border-radius: 0.1rem; padding: 0.2rem;
      .logos{
        width: 0.93rem; margin-right: 0.1rem;
        img{display: block; width: 100%;}
      }
      .name{font-size: 0.28rem; color: #0078F7; font-weight: bold; margin-bottom: 0.1rem;}
      .sp{color: #000;}
      .address{margin-bottom: 0.1rem;}
      .btn{
        width: 1.41rem;
        height: .50rem;
        border-radius: .25rem;
        border: 1px solid #0078F7; background-color: #0078F7; color: #fff;
        &.btn1{margin-bottom: 0.14rem; color: #0078F7; background-color: #fff;}
      }
      .w{width: 3.5rem;}
    }
  }
  .list{flex-wrap: wrap; margin-right: -0.15rem;}
  .list1{
    margin-bottom: 0.3rem;
    .item:nth-child(4n+4){margin-right: 0;}
  }
  .list2{
    .item{width: 1.25rem; margin-right: 0.14rem; margin-bottom: 0.14rem;}
    .item:nth-child(5n+5){margin-right: 0;}
  }
}

.bottom-form{
  background-color: #EBF2FF; padding-bottom: 0.3rem;
  .top{
    text-align: center; background-color: #0078F7; color: #fff; height: 3.42rem; line-height: 1; padding-top: 0.54rem; margin-bottom: -1.33rem;
    .p1{font-size: 0.46rem; margin-bottom: 0.2rem; font-weight: bold;}
    .p2{font-size: 0.36rem;}
  }
  .con{
    background-color: #fff; position: relative;z-index: 45; border-radius: 0.1rem; padding: 0.48rem 0.35rem;
    .p1{font-size: 0.3rem; color: #0078F7; line-height: 1; margin-bottom: .16rem;}
    .p2{font-size: 0.22rem; color: #666; margin-bottom: 0.2rem; line-height: 1;}
    .item{
      display: flex; align-items: center; border-bottom: 1px solid #E4E4E4; padding-top: 0.1rem; height: 1rem;
    }
    .van-cell{padding: 0; position: relative;}
    .van-field__error-message{position: absolute; left: 0; bottom: 0;}
    .van-field__control{height: 1rem;}
    .van-field__label{line-height: 1rem; color: #000; font-size: 0.28rem; position: relative;}
    .van-checkbox__icon .van-icon{border-radius: 50%; width: 0.3rem; height: 0.3rem; margin-right: 0.12rem;}
    .checkbox{font-size: 0.2rem; margin-bottom: 0.4rem;}
    .van-button--info{font-size: 0.22rem; font-weight: bold; width: 3.48rem; height: 0.63rem;}
    .mobile.van-field--error .van-field__control::placeholder{color: #999999 !important;}
    .ref{color: #999; font-size: 0.22rem; margin-left: -0.5rem; margin-right: 0.2rem;}
    .select{
      background-position: right center; background-size: 0.2rem; background-repeat: no-repeat; background-image: url(../image/form-more.png);
    }
    .date{
      background-position: right center; background-size: 0.27rem; background-repeat: no-repeat; background-image: url(../image/form-date.png);
    }
  }
  .red{color: #FF0000; }
}
.zxb-school-detail{
  .school-detail-top{
    padding: 0.48rem 0.3rem; background-position: center; background-size:100% 100%; background-repeat: no-repeat;background-image: url(../image/school/bg1.png);
    .top{margin-bottom: 0.43rem;}
    .logo{margin-left: 0.1rem; width: 0.82rem; margin-right: 0.28rem; display: block}
    .name{font-size: 0.32rem; color: #fff; line-height: 1; font-weight: bold}
    .address{font-size: 0.2rem;margin-top: 0.14rem;background-position: 0 center; background-size: 0.15rem; background-repeat: no-repeat; background-image: url(../image/school/ico-address.png); padding-left: 0.26rem; color: #fff;}
    .intro{
      background: #FFFFFF; padding: 0.3rem 0.26rem;
      border-radius: 0.1rem;
      .p1{font-size: 0.24rem; font-weight: bold;}
      .p2{font-size: 0.28rem; color: #0268E8; font-weight: bold; margin: 0.18rem 0 0.2rem;}
      .p3{font-size: 0.2rem; line-height: 0.36rem;}
    }
  }
  .zsjz{
    margin-bottom: 0.46rem;
    .item{
      background: #FFFFFF;
      box-shadow: 0px 0px 6px 0px #C8C8C8;
      border-radius: 0.1rem; margin-bottom: 0.22rem;
    }
    .p1{width: 0.55rem; height: 1.73rem; color: #fff; font-size: 0.24rem; background-position: center; background-size:100% 100%; background-repeat: no-repeat; padding-right: 0.1rem;}
    .bg0{background-image: url(../image/school/zs-bg1.png);}
    .bg1{background-image: url(../image/school/zs-bg2.png);}
    .bg2{background-image: url(../image/school/zs-bg3.png);}
    .bg3{background-image: url(../image/school/zs-bg4.png);}
    .intro{line-height: 0.32rem; font-size: 0.2rem; padding: 0 0.52rem 0 0.2rem;}
  }
  .zyset{
    margin-bottom: 0.5rem;
    .home-tit{margin-bottom: 0.43rem;}
    
    .table{
      border-radius: 0.1rem; overflow: hidden;
      table{width: 100%; border: 1px solid #2A7CF3;}
      .th{
        background-color: #2A7CF3; color: #fff;  font-weight: normal; padding: 0.3rem 0.1rem;
        &td:nth-child(even){background-color: #25A1F9;}
      }
      td{font-size: 0.22rem; padding: 0.3rem 3px; text-align: center;border:none; border-bottom: 1px solid #97C1FF;}
      td:nth-child(even){background-color: #E2F3FF;}
      .btn{display: inline-block; background: #2A7CF3; border-radius: 0.22rem; color: #fff; padding: 0 0.15rem; line-height: 0.44rem;}
    }
  }
  .bmxz{
    margin-bottom: 0.59rem;
    .home-tit{margin-bottom: 0.38rem;}
    .con{
      border-radius: 0.1rem; overflow: hidden;
    }
    .top{
      background-color: #0268E8; color: #fff; font-size: 0.26rem; height: 0.76rem; padding: 0 0.4rem 0 0.2rem;
      .i{width: 0.16rem; height: 0.16rem; border-radius: 50%; margin-right: 0.1rem;}
      .i0{background-color: #FF938F;}
      .i1{background-color: #FCF49E;}
      .i2{background-color: #40FEF9;}
      .sp{background-position: 0 center; background-size: 0.28rem; background-repeat: no-repeat; background-image: url(../image/school/ico1.png); padding-left: 0.4rem;}
    }
    .intro{
      padding: 0.4rem 0.35rem 0.1rem; background-color: #fff; font-size: 0.2rem; border: 0.02rem solid #7BB6FF; border-top: none; overflow: hidden;border-radius:0 0 0.1rem 0.1rem;
      .item{margin-bottom: 0.4rem;}
      .p1{font-size: .24rem; color: #0268E8; margin-bottom: 0.2rem; font-weight: bold;}
      .p2{line-height: 0.4rem;}
    }
  }
  .xysh{
    margin-bottom: 0.56rem;
    .home-tit{margin-bottom: 0.5rem;}
    .imgs{display: block; max-width: 100%; margin: 0 auto;}
  }
  .moresc{
    background-color: #F2FAFF; padding: 0.45rem 0.3rem 0;
    .ban{padding-bottom: 0.7rem;}
    .van-swipe__indicators{bottom: 0.3rem;}
    .van-swipe__indicator{background-color: #B8D5FF; opacity: 1;}
    .home-tit{margin-bottom: 0.35rem;}
    .logos{width: 1.12rem; display: block; margin: 0 auto 0.06rem;}
    .name{font-size: 0.2rem; text-align: center; font-weight: bold;}
    .item{
      width: 2.2rem; height: 2.3rem;background: #FFFFFF; border-radius: 0.1rem; margin-right: 0.16rem; padding: 0.3rem 0.1rem;
      &:nth-child(3n+3){margin-right: 0;}
    }
  }
}

.nav{
  .con{
    background-color: #fff;margin-top: 1.14rem;background: linear-gradient(0deg, #FFFFFF 0%, #E9F4FF 100%); border-radius: 0px 0px 0.3rem 0.3rem; padding: 0.55rem 0.4rem; position: relative; overflow: hidden;
    .p1{font-size: 0.36rem; display: inline-block; background-position: right center; background-size: 0.32rem; background-repeat: no-repeat; background-image: url(../image/nav-ico2.png); padding-right: 0.47rem;}
    .p2{font-size: 0.36rem; font-weight: bold; background-position: 0 center; background-size: 0.33rem; background-repeat: no-repeat; background-image: url(../image/nav-ico1.png); padding-left: 0.44rem; margin: 0.6rem 0 0.45rem;}
    .p3{background-image: url(../image/nav-ico3.png); }
    .close{position: absolute; right: 0.45rem; top: 0.45rem; background-position: center; background-size: 100%; background-repeat: no-repeat; background-image: url(../image/close.png); width: 0.25rem; height: 0.25rem;}
    .list1{
      margin-right: -6%; flex-wrap: wrap;
      .item{
        width: 23%; margin: 0 1.5% 0.17rem 0; height: 0.57rem; background: #0078F7; border-radius: 0.29rem; font-size: 0.28rem; color: #fff;
        &:nth-child(4n+4){margin-right: 0;}
      }
    }
    .list2{
      margin-right: -3%;
      .item{
        width: 1.42rem;
        height: 1.39rem;
        background: #EEF6FF;
        border-radius: 0.3rem; margin-right: 0.3rem; line-height: 1; font-size: 0.28rem; padding-top: 0.2rem; text-align: center;
        .sp{width: 0.53rem; height: 0.53rem; border-radius: 50%; color: #fff; font-size: 0.24rem; font-weight: bold; margin: 0 auto 0.13rem; display: flex; align-items: center; justify-content: center;}
        &.item0{
          background-color: #EEF6FF;
          .sp{background-color: #0078F7;}
        }
        &.item1{
          background-color: #EEEFF9;
          .sp{background-color: #6E56FF;}
        }
        &.item2{
          background-color: #F0F9EC;
          .sp{background-color: #78C257;}
        }
      }
    }
  }
}

.zxb-school{
  .zxb-school-box{
    position: fixed; z-index: 5; width: 100%; left: 0; top:1.14rem; bottom: 1.2rem; overflow: hidden;background: linear-gradient(0deg, #FFFFFF 0%, #E9F4FF 100%);
    .left{
      width: 26%; min-width: 1.92rem; background-color: #fff; padding: 0.4rem 0; height: 100%; overflow-y: scroll; float: left; 
      .item{
        width: 92%; margin: 0 auto 0.2rem; border-radius: 0.1rem; height: 0.63rem; display: flex; align-items: center; justify-content: center; font-size: 0.28rem;
        &.on{background-color: #0078F7; color: #fff;}
      }
    }
    .right{
       padding: 0.35rem 0; width: 73%; height: 100%; float: left; padding-right: 0; 
      .ri-box{height: 100%;}
      .top{
        margin-bottom: 0.4rem; margin-right: -0.3rem; overflow: hidden; padding-left: 0.23rem;
        .dl{overflow-x: scroll;white-space: nowrap; height: 0.6rem;}
        .item{
          height: 0.52rem;
          background: #fff;
          border-radius: 0.1rem; margin-right: 0.17rem; display: inline-block; vertical-align: top; width: 1rem; line-height: 0.5rem; text-align: center;
          &.on{background: #0078F7; color: #fff;}
        }
      }
      .list{
        overflow-x: hidden; padding: 0 0.23rem; height: calc(100% - 0.7rem); overflow-y: scroll;
        .item{
          padding: 0.26rem; background-color: #fff; border-radius: 0.1rem; box-shadow: 0px 0px 0.1rem 0px rgba(83,83,83,0.17); margin-bottom: 0.2rem;
          .logos{width: 0.9rem; height: 0.9rem; box-shadow: 0px 0px 0.1rem 0px rgba(83,83,83,0.17); border-radius: 50%; border: 0.05rem solid #fff; margin-right: 0.16rem;}
          .name{font-size: 0.24rem !important; font-weight: bold; line-height: 0.37rem; margin-bottom: 0.1rem;}
          .address{font-size: 0.22rem !important;margin-top: 0.14rem;background-position: 0 center; background-size: 0.15rem; background-repeat: no-repeat; background-image: url(../image/school/address.png); padding-left: 0.26rem;}
          .sp{color: $red;}
        }
      }
    }
  }
}
.zxb-zy{
  .con{
    background: linear-gradient(0deg, #61C6F9 0%, #4564D8 100%); overflow-y: scroll; padding:0.48rem 0.3rem 0.3rem;height: calc(100vh - 2.4rem);
    .list{}
    .item{
      width: 49%; float:left; margin-right:2%;
      height: 1.35rem;
      background: #FFFFFF;
      border-radius: 0.1rem; padding:0 0.26rem; margin-bottom:0.24rem;
      &:nth-child(even){margin-right: 0;}
      .logos{width: 0.61rem; height: 0.61rem; margin-right: 0.2rem; min-width: 0.61rem;}
      .name{font-size: 0.28rem; font-weight: bold; margin-bottom: 0.14rem; line-height: 1;}
      .intro{font-size: 0.2rem; color: #999;}
    }
  }
}
.zxb-zy,.zxb-school{
  .bottom-copy{display: none !important;}
}
.bottom-copy{
  color: #999999; font-size: 0.22rem; padding:0.32rem 0;
  &.bg{background-color: #F8F8FA;}
  .p {
    margin-bottom: 0.1rem;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .sp{color: #000;}
}


.footer{
  background-color: #fff; box-shadow: 0px -9px 8px 0px rgba(188,185,185,0.28); padding: 0.13rem 0 0.3rem; height: 1.2rem; font-size: 0.30rem; position: fixed; z-index: 999; width: 100%; left: 50%; transform: translateX(-50%); bottom: 0; line-height: 1; max-width: 750px; text-align: center;
  .line{width: 1px; height: 0.34rem; background-color: #ddd;}
  .btn {background-color: $red; color: #fff; width: 2.16rem; height: 0.72rem;}
  .ico{width: 0.32rem; height: 0.32rem; display: block; margin: 0.1rem auto 0;}
}
#app{padding-bottom: 1.16rem; overflow-x: hidden !important;}

#app{max-width: 750px; margin: 0 auto; overflow-x: auto;}

.zxb-xqjy{
  .xqjy-m1{
    .list{white-space: nowrap; overflow-x: scroll;}
    .item{
      width: 2.26rem; height: 5.31rem; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;color: #fff; display: inline-block; vertical-align: top; margin-right: 0.3rem;
      &.item0{background-image: url(../image/01xqjy/bg1.png);}
      &.item1{background-image: url(../image/01xqjy/bg2.png);}
      &.item2{background-image: url(../image/01xqjy/bg3.png);}
      &.item3{background-image: url(../image/01xqjy/bg4.png);}
      &.item4{background-image: url(../image/01xqjy/bg5.png);}
      .name{height: 0.6rem; font-size: 0.28rem; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-bottom: 0.2rem;}
      .con{padding: 0.5rem 0.2rem 0; }
      .btn{
        width: 1.69rem;
        height: .44rem;
        background: #FFFFFF; color: #000;
        border-radius: .22rem; display: flex; align-items: center; justify-content: center; margin: 0 auto;
      }
      .p1{font-size: 0.26rem; margin-bottom: 0.12rem; font-weight: bold;}
      .intro{font-size: 0.2rem; margin-top: 0.26rem; line-height: 0.35rem; height: 2.45rem; white-space: normal; margin-bottom: 0.2rem;}
    }
  }
  .xqjy-m2{
    .con{
      width: 6.5rem; background-color: #faf8ff; border-radius: 0.2rem; overflow: hidden;
      .tit{font-size: 0.28rem; height: 0.87rem; font-weight: bold; padding: 0 0.25rem; background-image: url(../image/01xqjy/bg.png); background-size: 100% 100%; color: #fff; line-height: 0.85rem;}
      .list{
        padding: 0 0.1rem 0 0.25rem;
      }
      .item{
        padding: 0.3rem 0; border-top: 1px dashed #D0C2FF;
        &:first-child{border-top: none;}
        .name{font-size: 0.26rem; color: #2823FF; margin-bottom: 0.1rem;}
        .intro{font-size: 0.2rem; line-height: 1.8; color: #333;}
      }
    }
  }
  .xqjy-m3{
    .item{
      height: .67rem; padding: 0.03rem; margin-bottom: 0.13rem; padding-left: 0.5rem; font-size: 0.26rem;
      background: #5956F1;
      border-radius: .34rem; color: #fff;
      .name{width: 4.5rem;}
      .btn{
        width: 1.44rem; font-size: 0.3rem;
        height: .61rem;
        background: #FAEC72;
        border-radius: .30rem; color: #5956F1;
      }
    }
  }
}
.ny-ban{display: block;width: 100%;}
.form2{
  background-color: #F3F4F9; padding: 0.56rem 0; background-image: url(../image/formbg.png); background-size: 100% 100%;
  .box{width: 5.63rem; min-width: 5.63rem;}
  .p1{font-size: 0.36rem; line-height: 1; margin-bottom: 0.3rem; text-align:center;}
  .p2{font-size: 0.26rem; line-height: 1; margin-bottom: 0.35rem; text-align:center;}
  .sp{color: #0078F7;}
  .p3{color:#0078F7; font-size: 0.22rem; margin: 0.24rem 0; text-align: center;}
  .btn{width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; background-color: #0078F7; height: 0.64rem; border-radius: 0.4rem;}
  .van-cell{padding: 0; position: relative; background-color: transparent; margin-bottom: 0.24rem; overflow: visible;}
  .van-field__error-message{position: absolute; left: 0; top: 100%; margin-top:2px; font-size: 0.14rem; line-height: 1;}
  .van-field__control{height: 0.7rem; border-radius: 0.1rem; background-color: #fff; padding: 0 0.2rem;}
  .van-field__label{font-size: 0.26rem; color: #333; line-height: 0.7rem; width: 5em; margin-right: 0;}
}

.zxb-yyfl{
  .yyfl-m1{
    background: #FFFFFF;
    box-shadow: 1px .06rem .27rem 0px #E1E1E1;
    border-radius: .1rem;
    .tit{height: 1.24rem; display: flex;align-items: center; padding: 0 0.18rem; background-image: url(../image/11yyfl/tit.png); background-size: 100% 100%; font-weight: bold;}
    .con{
      padding: 0.2rem; align-items: stretch;overflow: hidden;
      .list{flex-wrap: wrap; align-items: stretch;}
      .item{
        padding:0.1rem; border: 1px dotted #B6B6B6;width: 50%;border-bottom: none; border-left: none; margin-top: -1px; padding-bottom: 0.4rem; padding-top: 0.2rem;
        &.item:nth-child(even){ border-right: none;}
        .name{color: #AA5C00; line-height: 1; margin-bottom: 0.15rem; font-weight: bold;}
        .intro{font-size: 0.2rem; color: #00021C; line-height: 1.6;}
        .red{color: #FF0009;}
      }
    }
  }
  .yyfl-m2{
    .item{
      align-items: flex-start; margin-bottom: 0.39rem;
      .ico{margin-right: 0.3rem; width: 1.36rem;}
      .name{font-size: 0.28rem; color: #932324; font-weight: bold; margin-bottom: 0.1rem;}
      .intro{font-size: 0.2rem; color: #333; line-height: 1.6;}
      .btn{
        width: 1.73rem;
        height: .53rem;
        background: #932324;
        border-radius: .27rem; color: #fff; font-size: 0.24rem;
        
      }
      .btn-box{
        margin-top: 0.26rem;
        &::before{content: ''; display: block; width: 100%; flex: 1; height: 1px; background-color: #E6AF68;}
      }
    }
  }
}
.wrap{flex-wrap: wrap;}
.yyfl-m3{
  .con{
    padding: 0.29rem 0.3rem; height: 4.64rem; background-image: url(../image/11yyfl/bg2.png); background-size: 100% 100%; align-items: stretch;
    .tit{
      background-size: 100% 100%; width: 2.23rem; height: 0.59rem; font-size: 0.26rem; margin-bottom: 0.15rem;
    }
    .item0{
       width: 2.23rem;
      .tit{background-image: url(../image/11yyfl/tit1.png); color: #AA5C00;}
      .intro{color: #fff;}
    }
    .item1{
      width: 2.6rem; padding-top: 1.35rem;
      .tit{background-image: url(../image/11yyfl/tit2.png); color: #fff; width: 2.6rem;}
    }
    .intro{font-size: 0.2rem; line-height: 1.8; margin: 0 auto; width: 2.23rem;}
  }
}
.move-m1{
  .item{
    width: 3.11rem; height: 3.6rem; background-size: 100% 100%; text-align: center; color: #fff; padding-top: 0.44rem; margin-bottom: 0.5rem;
    &.item0{background-image: url(../image/08move/bg1.png);}
    &.item1{background-image: url(../image/08move/bg2.png);}
    &.item2{background-image: url(../image/08move/bg3.png);}
    &.item3{background-image: url(../image/08move/bg4.png);}
    .name{font-size: 0.32rem; line-height: 1; }
    .line{width: .39rem; height: 0.02rem; background-color: #fff; margin: .15rem auto 0.35rem;}
    .money{font-size: 0.28rem; font-weight: bold; line-height: 1; margin-top: 0.1rem;}
    .p1{font-size: .21rem;}
    .btn{
      width: 1.54rem;
      height: .49rem;
      background: #FFFFFF;
      border-radius: .10rem; font-size: 0.2rem; font-weight: bold; margin: 0.7rem auto 0;
    }
  }
}
.move-m2{
  .item{
    background: #FFFFFF;
    box-shadow: 2px 1px 0.13rem 0px rgba(188,188,188,0.55);
    border-radius: 0.10rem; margin-bottom: 0.76rem; padding: 0 0.17rem 0.24rem;
    .name{font-size: 0.24rem; font-weight: bold; margin-bottom: 0.12rem; line-height: 1;}
    .intro{font-size: 0.2rem; color: #666;}
    .red{color: #F71E1E;}
    .num{
      width: 0.75rem;
      height: 0.75rem;
      background: linear-gradient(130deg, #741EFF 0%, #A36BFE 100%); margin-bottom: 0.15rem ;
      border-radius: 0.10rem; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-top: -0.37rem;
    }
  }
}
.move-m3{
  margin-bottom: -0.25rem;
  .con{ 
    position: relative; height: 5.09rem; background-image: url(../image/08move/bg.png); background-size: 100% 100%;
    .item{
      position: absolute; animation-duration: 1s; animation-iteration-count: infinite;
      &.item0{width: 0.91rem; left: 5.87%; top: 2.76rem; animation-name: ico0;}
      &.item1{width: 1.34rem; left: 12.8%; top: 0.91rem; animation-name: ico1;}
      &.item2{width: 1.11rem; left: 22.13%; top: 3.39rem; animation-name: ico2;}
      &.item3{width: 1.34rem; left: 30.53%; top: 1.86rem; animation-name: ico3;}
      &.item4{width: 0.91rem; left: 34.4%; top: 0.28rem; animation-name: ico4;}
      &.item5{width: 1.11rem; left: 47.07%; top: 3.36rem; animation-name: ico5;}
      &.item6{width: 1.34rem; left: 53.87%; top: 1.13rem; animation-name: ico6;}
      &.item7{width: 1.34rem; left: 70.93%; top: 2.85rem; animation-name: ico7;}
      &.item8{width: 0.91rem; left: 78.13%; top: 1.94rem; animation-name: ico8;}
      &.item9{width: 0.66rem; left: 74.13%; top: 0.34rem; animation-name: ico9;}
      &.item20{
        width: .27rem; left: 19.87%; top: 2.8rem;
        height: .27rem;
        background: #21CED9;
        border-radius: 50%;
        animation-name: ico10;
      }
      &.item21{
        width: .13rem;left: 41.6%; top: 3.54rem;
        height: .13rem;
        background: #FFA424;
        border-radius: 50%;
        animation-name: ico11;
      }
      &.item22{
        width: .27rem; left: 55.7%; top: 2.75rem;
        height: .27rem;
        background: #FD3624;
        border-radius: 50%;
        animation-name: ico12;
      }
      &.item23{
        width: .13rem; left: 60%; top: 0.74rem;
        height: .13rem;
        background: #AC64FF;
        border-radius: 50%;
        animation-name: ico13;
      }
    }
    img{display: block; width: 100%;}
  }
}
@keyframes ico0{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
@keyframes ico1{
  0%{transform: scale(1);}
  50%{transform: scale(0.8);}
  100%{transform: scale(1);}
}
@keyframes ico2{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
@keyframes ico3{
  0%{transform: scale(1);}
  50%{transform: scale(0.8);}
  100%{transform: scale(1);}
}
@keyframes ico4{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
@keyframes ico5{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
@keyframes ico6{
  0%{transform: scale(1);}
  50%{transform: scale(0.8);}
  100%{transform: scale(1);}
}
@keyframes ico7{
  0%{transform: scale(1);}
  50%{transform: scale(0.8);}
  100%{transform: scale(1);}
}
@keyframes ico8{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
@keyframes ico9{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
@keyframes ico10{
  0%{transform: scale(1);}
  50%{transform: scale(0.8);}
  100%{transform: scale(1);}
}
@keyframes ico11{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}
@keyframes ico12{
  0%{transform: scale(1);}
  50%{transform: scale(0.8);}
  100%{transform: scale(1);}
}
@keyframes ico13{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1);}
}

.art-m1{
  .con{
    align-self: flex-start; position: relative; z-index: 5;
    .intro{font-size: 0.2rem; line-height: 1.8; width: 3.62rem; padding: 0.15rem 0 1rem;}
    .img{width: 2.94rem; display: block;}
  }
  .bottom{
    background-color: #000; padding: 0 0.3rem 0.27rem; margin-top: -0.8rem;
    .home-tit{color: #FFED00;}
    .btn{
      width: 50%; height: 0.65rem;
      &.btn1{background-color: #2EFFE0;}
      &.btn2{background-color: #FFED00;}
    }
  }
}
.art-m2{
  .item{
    width: 48.5%; height: 2.24rem; padding: 0.3rem; margin-bottom: 0.23rem;
    .name{font-size: 0.28rem; font-weight: bold; line-height: 1; margin-bottom: 0.12rem;}
    .intro{line-height: 0.3rem; font-size: 0.2rem; margin-bottom: 0.05rem; height: 0.9rem;}
    .btn{width: 1.29rem; height: .39rem; border-radius: .1rem; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.2rem;}
    &.item0{
      background-color: #FFE5E1;
      .name{color: #A94448;}
      .intro{color: #AA4548;}
      .btn{background-color: #AA4548;}
    }
    &.item1{
      background-color: #DEFEE6;
      .name{color: #539263;}
      .intro{color: #539263;}
      .btn{background-color: #539263;}
    }
    &.item2{
      background-color: #E0E0FA;
      .name{color: #4E4984;}
      .intro{color: #4E4984;}
      .btn{background-color: #4E4984;}
    }
    &.item3{
      background-color: #E1FFFF;
      .name{color: #4D9E9B;}
      .intro{color: #4D9E9B}
      .btn{background-color: #4D9E9B;}
    }
    &.item4{
      background-color: #DFF0FF;
      .name{color: #437497;}
      .intro{color: #437497;}
      .btn{background-color: #437497;}
    }
    
    &.item5{
      background-color: #FFF1E5;
      .name{color: #B39057;}
      .intro{color: #B39057;}
      .btn{background-color: #B39057;}
    }
  }
}
.art-m3{
  margin-bottom: -0.3rem;
  .list{
    white-space: nowrap; overflow-x: scroll; margin-right: -0.3rem; padding-top: 1.1rem; padding-bottom: 0.3rem; padding-left: 0.1rem; margin-left: -0.1rem;
    .item{
      width: 2.77rem; padding: 1px 0.28rem; white-space: normal; display: inline-block; vertical-align: top;
      height: 5.18rem;
      background: #FFFFFF;
      box-shadow: 0px 0px 0.16rem 0px rgba(163,163,163,0.32); margin-right: 0.32rem;
      border-radius: 0.1rem;
      .tx{width: 1.65rem; height: 1.65rem; margin-top: -0.8rem; display: block; margin: -0.8rem auto 0;}
      .name{margin: 0.23rem 0; text-align: center; font-size: 0.26rem; text-align: center;}
      .intro{font-size: 0.2rem; color: #666; line-height: 0.35rem; height: 3.5rem;}
    }
  }
}
.yyhl-m1{
  .item{
    width: 2.26rem; height: 3.51rem; background-size: 100% 100%; padding: 1.83rem 0.2rem 0; text-align: center;
    &.item0{background-image: url(../image/07yyhl/1-1.png);}
    &.item1{background-image: url(../image/07yyhl/1-2.png);}
    &.item2{background-image: url(../image/07yyhl/1-3.png);}
    .name{font-weight: bold; font-size: 0.24rem; line-height: 1; margin-bottom: 0.1rem;}
    .p1{font-size: 0.2rem; color: #0894F8; line-height: 0.3rem; height: 0.6rem; margin-bottom: 0.12rem;}
    .btn{
      width: 1.48rem;
      height: .42rem; display: flex; align-items: center; justify-content: center;
      background: #0894F8; color: #fff; font-size:0.2rem; margin: 0 auto;
      &::before{content: ''; display: block; width: 0.2rem; height: 0.13rem; background-size: 100% 100%; background-image: url(../image/07yyhl/jt.png); }
    }
  }
}
.yyhl-m2{
  .txt1{
    font-size: 0.2rem; line-height: 0.35rem; width: 3.6rem;
    .sp{font-size: 0.3rem; color: #0894F8;}
  }
  .txt2{
    color: #1B2D5B; font-size: 0.2rem; line-height: 0.35rem; padding: 0.35rem 0.25rem 0 0.4rem; width: 3.06rem; height: 2.71rem; background-size: 100% 100%; background-image: url(../image/07yyhl/t.png);
  }
}
.yyhl-m3{
  padding: 1.29rem 2.9rem 0.15rem 0.3rem; height: 5.56rem; background-size: 100% 100%; background-image: url(../image/07yyhl/3-1.png);    margin-top: -0.3rem; position: relative; z-index: 5;
  .item{
    margin-bottom: 0.3rem;
  }
  .tit{
    height: 0.52rem;
    background: #0894F8;
    border-radius: 0.26rem; color: #fff; font-size: 0.26rem; font-weight: bold; line-height: 0.5rem; text-align: center; padding: 0 0.15rem; display: inline-block; margin-bottom: 0.24rem;
  }
  .intro{font-size: 0.2rem; color: #fff; line-height: 0.3rem;}
}
.yyhl-m4{
  .list{
    white-space: nowrap; overflow-x: scroll; margin-right: -0.3rem; padding-bottom: 0.1rem; padding-left: 0.1rem; margin-left: -0.1rem;
    .item{
      width: 3.3rem; padding: .4rem 0.26rem; white-space: normal; display: inline-block; vertical-align: top; position: relative; margin-right: 0.25rem;
      height: 5.08rem; color: #fff;background-size: 100% 100%;
      .name{font-size: 0.32rem; line-height: 0.5rem; margin-bottom: 0.2rem; font-weight: bold;}
      .intro{font-size: 0.2rem; font-weight: bold; line-height: 0.3rem;}
      .p{position: absolute; bottom: 1.33rem; left: 0.39rem; font-size: 0.2rem; transform: rotate(90deg); transform-origin: 0 0;}
      &.item0{background-image: url(../image/07yyhl/1.png);}
      &.item1{background-image: url(../image/07yyhl/2.png);}
      &.item2{background-image: url(../image/07yyhl/3.png);}
      &.item3{background-image: url(../image/07yyhl/4.png);}
      &.item4{background-image: url(../image/07yyhl/5.png);}
    }
  }
}

.zxb-wlaq{
  .wlaq-m1{
    .item{
      width: 3.18rem;
      height: 3.68rem;
      background: #FFFFFF;
      box-shadow: 0px 0px 0.1rem 0px #AFAFAF; margin-bottom: 0.45rem;
      border-radius: .10rem; position: relative; padding: 0.35rem 0.52rem 0 0.3rem;
      .name{font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.1rem; font-weight: bold;}
      .intro{font-size: 0.2rem; line-height: 0.3rem; color: #787878}
      .ico{width: 0.82rem; position: absolute; right: 0.22rem; bottom: 0.16rem}
    }
  }
  .wlaq-m2{
    .item{
      background: linear-gradient(87deg, #FEFFFF 0%, #D2E0FF 99%); position: relative; padding-bottom: 0.44rem; margin-bottom:0.34rem;
      .intro{line-height: 0.36rem; padding: 0.44rem 0.5rem 0.25rem 1.45rem}
      .name{background-size: 100% 100%; background-image: url(../image/21wlaq/tit.png); font-size: 0.26rem; color: #fff; padding-bottom: 0.1rem; position: absolute; left: 0.13rem; top: 0; font-weight: bold; color: #fff; width: 0.88rem; height: 2.68rem;}
      .btn{width: 6.28rem; height: .75rem; background: #145FF8; border-radius: 0.06rem; font-size: 0.26rem; font-weight: bold; color: #fff}
    }
  }
}
.zxb-rjgc{
  .rjgc-m1{
    .list{
      flex-wrap: wrap; align-items: stretch;
    }
    .item{
      position: relative; border: 1px solid #03B5A2; padding-bottom: 0.5rem; margin-bottom: 0.52rem; width: 3.33rem;
      .name{height: 0.56rem; background-color: #E1FFFC; color: #03B5A2; font-size: 0.28rem; font-weight: bold}
      .con{padding: 0.2rem}
      .imga{display: block; width: 100%; margin-bottom: 0.26rem}
      .intro{font-size: 0.2rem; line-height: 0.3rem; color: #333}
      .btn{width: 2.10rem; height: .50rem; background: #03B5A2; border-radius: .25rem; color: #fff; font-size: 0.218rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.25rem}
    }
  }
  .rjgc-m2{
    .item{
      width: 6.44rem;
      background: linear-gradient(87deg, #03B5A2 0%, #FFFFFF 100%);
      box-shadow: 0px 0px 0.18rem 0px #C8C8C8;
      border-radius: 0.10rem; padding: 0.23rem; padding-right: 0; margin-bottom: 0.28rem;
      .div{
        margin-right: -0.49rem; background-color: #fff; box-shadow: 0px 0px 18px 0px #C8C8C8; border-radius: 0.1rem; padding: 0.4rem 0.28rem 0.34rem 0;
        .ico{width: 0.67rem; display: block; margin: 0 auto 0.17rem;}
        .name{font-size: 0.28rem; font-weight: bold; line-height: 1; text-align: center;}
        .intro{font-size: 0.2rem; padding-left: 0.46rem; border-left: 1px dashed #03B5A2 !important; line-height: 1.8;}
        .w1{width: 1.92rem; min-width: 1.92rem}
      }
    }
  }
}

.zxb-rlzy{
  .rlzy-m1{
    margin-bottom: -0.62rem;
    .list{
      flex-wrap: wrap; align-items: stretch;
    }
    .item{
      position: relative; margin-bottom: 0.62rem; width: 48%;
      .name{height: 0.6rem; background-color: #296BEF; color: #fff; font-size: 0.26rem; font-weight: bold; background-size: 0.27rem; background-image: url(../image/22rlzy/ico.png); background-position: 90% center; background-repeat: no-repeat; padding-left: 0.14rem;}
      .num{margin-right: 0.1rem;}
      .imga{display: block; width: 100%; margin: 0.18rem 0 0.28rem}
      .intro{font-size: 0.2rem; line-height: 0.4rem;}
    }
  }
  .rlzy-m2{
    margin-bottom: -0.22rem;
    .item{
      background: #fff;
      box-shadow: 0px 0px 0.09rem 0px #AFAFAF;
      border-radius: 0.10rem; margin-bottom: 0.44rem; position: relative;
      .ico{width: 2.24rem; min-width: 2.24rem; display: block; margin-right: 0.36rem;}
      .num{font-size: 0.26rem; font-weight: bold; color: #C7C7C7; position: absolute; right: 0.2rem; top: 0.25rem;}
      .name{font-size: 0.26rem; font-weight: bold; line-height: 1; margin-bottom: 0.3rem;}
      .intro{font-size: 0.2rem;line-height: 1.8;}
    }
  }
}
.zxb-dsign{
  .dsign-m1{
    .item{
      position: relative; width: 32%; margin-right: 2%; margin-bottom: 0.38rem;
      &.on{margin-right: 0;}
    }
    .name{font-size: 0.24rem; font-weight: bold; text-align: center; line-height: 0.44rem; position: absolute; left: 0; top: 0; color: #fff; width: 100%; z-index: 10}
  }
  .dsign-m2{
    .list{
      height: 4.23rem; padding-top: 0.3rem;background-size: 5.38rem 100%; background-image: url(../image/23dsign/bg1.png); background-repeat: no-repeat; background-position: center;
    }
    .item{
      position: relative; width: 50%; margin-bottom: 0.38rem; line-height: 1;
      &.on{
        text-align: right; justify-content: flex-end;
        .ico{margin-left: 0.2rem; margin-right: 0;}
      }
      .ico{margin-right: 0.2rem; width: 0.7rem;}
      .intro{white-space: nowrap; color: #666;}
    }
    .name{font-size: 0.28rem; font-weight: bold; margin-bottom: 0.13rem}
  }
  .dsign-m3{
    margin-bottom: -0.2rem;
    .item{
      position: relative; width: 32%; margin-right: 2%; margin-bottom: 0.45rem; line-height: 1;
      &.on{
        margin-right: 0;
      }
      .intro{
        background: #FFFFFF;
        box-shadow: 0px 0px .10rem 0px rgba(183,183,183,0.44); position: relative;
        border-radius: .10rem; padding: 0.2rem 0; max-width: 1.97rem; margin: 0.3rem auto 0; text-align: center; font-size: 0.2rem; font-weight: bold; line-height: 1.8;
        &::before{content: ''; width: 100%; height: 0.2rem; display: block;background-size: 0.17rem 100%; background-image: url(../image/23dsign/jt.png); position: absolute; left: 0; bottom: 100%; background-repeat: no-repeat; background-position: center;}
      }
    }
    .name{font-size: 0.28rem; font-weight: bold;color: #FF5E22; width: 1.51rem; height: 1.51rem; background-size: 100% 100%; background-image: url(../image/23dsign/num.png); position: relative; margin: 0 auto;}
    .num{position: absolute; color: #FF5E22; font-size: 0.35rem; font-style: italic; left: 0; top: 0;}
  }
}
.zxb-jjgl{
  margin-bottom: -0.8rem;
  .jjgl-m1{
    .intro{line-height: 0.36rem; font-size: 0.2rem; margin-bottom: 0.3rem}
    .btn{background-color: #FC9524; color: #fff; font-size: 0.27rem; padding-right: 0.7rem; line-height: 0.81rem; background-repeat: no-repeat; background-size: 0.96rem auto; background-image: url(../image/04jjgl/1.png); background-position: 99% center;}
  }
  .jjgl-m2{
    .name{width:1.8rem; height:  0.54rem; background-size: 100% 100%; background-image: url(../image/04jjgl/2.png); color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; padding-bottom: 0.1rem; margin-top: -0.67rem}
    .item{
      border: 1px solid #FC9524; padding: 0.3rem 0.2rem 0.2rem 0.2rem; margin-bottom: 0.62rem;
      .intro{line-height: 0.36rem; font-size: 0.2rem;}
    }
  }
  .jjgl-m3{
    .list{
      overflow-x: scroll;white-space: nowrap;
      .item{
        white-space: normal;font-size: 0.2rem; font-weight: bold; display: inline-block; vertical-align: top; width: 3.55rem; margin-right: 0.25rem;
        .top{
          position: relative; text-align: center; padding: 0.3rem 0; color: #fff;
          &::after{content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); border: 0.16rem solid transparent; border-right: none;}
          .p1{font-size: 0.28rem; font-weight: bold;}
          .line{width: 1px; height: 0.17rem; background-color: #fff; margin: 0 0.2rem; display: block;}
          
        }
        .year{line-height: 0.52rem; text-align: center; border-bottom: 1px solid #fff; margin-bottom: 0.24rem;}
        .zy{font-size: 0.22rem; padding: 0 0.2rem; height: 4rem;}
        .a{display: block; text-decoration: underline; margin-top: 0.14rem;}
        &.item0{
          background-color: #FFF4EF;
          .top{background-color: #FF9B00;}
          .red{color: #FF9B00;}
          .top::after{border-left-color: #FF9B00}
        }
        &.item1{
          background-color: #F4F8FF;
          .top{background-color: #4E90FF;}
          .red{color: #4E90FF;}
          .top::after{border-left-color: #4E90FF}
        }
        &.item2{
          background-color: #ECFFFB;
          .top{background-color: #0ECB9D;}
          .red{color: #0ECB9D;}
          .top::after{border-left-color: #0ECB9D}
        }
      }
    }
  }
}
.zxb-jylx{
  .jylx-m1{
    .list{align-items: stretch;}
    .item{
      background: #FFFFFF; width: 3.28rem; position: relative;
      box-shadow: 0px 0px 0.05rem 0px #DEDEDE; padding: 0.2rem 0.3rem;
      border-radius: 0.1rem; line-height: 1.8; font-size: 0.2rem;
      .intro{text-indent: 2em;}
      .num{position: absolute; left: 0.3rem; top: 0.2rem; border-radius: 50%; width: 0.37rem; height: 0.37rem; font-size: 0.2rem; font-style: italic; background-color: #1E78FB; color: #fff; padding-right: 0.07rem}
      .red{color: #FB994D; font-weight: bold}
    }
  }
  .jylx-m2{
    .top{height: 0.68rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.28rem; color: #fff; margin: 0 -0.3rem;}
    .item{font-size: 0.2rem; color: #666; height: 0.52rem; padding: 0 0.1rem; border-bottom: 1px dashed #C8C8C8;
      &.item:last-child{border-bottom: none}
    }
    .list{padding: 0 0.3rem; box-shadow: 0px 2px 0.09rem 0px #D2D2D2; align-items: stretch; width: 3.2rem;}
    .list0{
      .top{background-color: #FD7F11;}
    }
    .list1{
      .top{background-color: #3F85F4;}
    }
  }
  .jylx-m3{
    padding-bottom: 0.1rem;
    .con{
      position: relative; margin: 0.35rem 0;
      .btn{
        width: 3.33rem; position: absolute; left: 50%; bottom: 0.5rem; transform: translateX(-50%);
        height: .72rem;
        background: #FFFFFF;
        border-radius: 0.36rem;display: flex; align-items: center; justify-content: center; font-size: 0.27rem
      }
    }
    .list{
      font-size: 0.22rem; color: #010101; padding: 0.4rem 0.45rem 0.3rem;border-radius: 0.1rem; border: 1px dotted #6E757C;
      .item{line-height: 1.8; margin-bottom: 0.14rem;}
    }
  }
}
.zxb-jxgc{
  font-size: 0.2rem;
  .jxgc-m1{
    .w1{width: 3.42rem; display: block}
    .intro{width: 3.1rem; line-height: 1.7;}
    .name{font-size: 0.28rem; font-weight: bold; margin-bottom: 0.36rem; line-height: 1; color: #0256D2}
  }
  .jxgc-m2{
    .list{
      overflow-x: scroll;white-space: nowrap; padding-bottom: 0.1rem;
    }
    .item{
      width: 3rem;
      height: 5.21rem;
      background: #F4F4F4; white-space: normal; padding: 0.3rem 0.2rem;
      border-radius: .20rem;margin-right: 0.2rem; display: inline-block;vertical-align: top; line-height: 1.8; position: relative; padding-bottom: 0.64rem;
      .div{margin-bottom: 0.3rem}
      .name{position: absolute; left: 0; width: 100%; height: 0.64rem; background: linear-gradient(105deg, #0A3B75 0%, #0959B8 100%); border-radius: 0px 0px 0.20rem 0.2rem; bottom: 0;display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.24rem; font-weight: bold;}
    }
  }
  .jxgc-m3{
    .list{ border-left: 1px dotted #B9B9B9;}
    .item{
      padding-bottom: 0.38rem; position: relative;padding-left: 0.72rem;
      &.item:last-child{padding-bottom: 0;}
    }
    .intro{font-size: 0.22rem; line-height: 1.8; color: #333;}
    .name{display: inline-block; font-size: 0.28rem; font-weight: bold; padding-right: 0.4rem; background-position: right center; background-repeat: no-repeat; background-size: 0.24rem; background-image: url(../image/12jxgc/ico.png); line-height: 0.45rem; margin-bottom: 0.1rem; }
    .num{background-position: right center; background-repeat: no-repeat; background-size: 100%; background-image: url(../image/12jxgc/tit.png); width: 0.55rem; height: 0.45rem; position: absolute; left: 0; top: 0; color: #fff; font-size: 0.26rem; font-weight: bold; padding-right: 0.1rem;}
  }
  .jxgc-m4{
    padding-bottom: 0.15rem;
    .con{
      background-color: #F4F9FF; position: relative; border-radius: 0.2rem; padding: 0.3rem 0.2rem 0.15rem;
      &::after{content: ''; border: 0.2rem solid transparent; border-bottom-color: #F4F9FF; position: absolute; left: 0.58rem; bottom: 100%;}
    }
    .item{
      width: 32%; height: 1.17rem; border-bottom: 0.04rem solid #2677C8; border-radius: 0.04rem; background-color: #fff; font-size: 0.28rem; font-weight:bold; display: flex; align-items: center; justify-content: center; margin-bottom:0.27rem; margin-right: 2%; text-align: center;
      &.item:nth-child(3n+2){border-bottom-color: #F57709;}
      &.item:nth-child(3n+3){margin-right: 0}
    }
  }
}

.zxb-kjzy{
  font-size: 0.2rem;
  .kjzy-m1{
    .list{
      overflow-x: scroll;white-space: nowrap; padding: 0.1rem; margin-left: -0.1rem; padding-bottom: 0.2rem;
    }
    .item{
      width: 3.6rem; box-shadow: 0px 0px 0.13rem 0px #C8C8C8;height: 7.8rem; white-space: normal; display: inline-block;vertical-align: top; margin-right: 0.3rem;
      &.item:last-child{margin-right: 0;}
      .imgs{height: 1.93rem; display: block; width: 100%;}
      .div{padding: 0.3rem 0.4rem;}
      .name{font-size: 0.28rem; font-weight: bold; line-height: 1; text-align: center; margin-bottom: 0.2rem;}
      .intro{line-height: 0.35rem; height: 3.85rem; font-size: 0.2rem; margin-bottom: 0.2rem;}
      .btn{width: 2.27rem; height: .56rem; background: #E74F46; border-radius: .28rem; color: #fff; font-size: 0.2rem; margin: 0 auto; display: flex; align-items: center;justify-content: center;}
    }
  }
  .kjzy-m2{
    .item{
      width: 49%; height: 3.25rem; margin-bottom: 0.15rem;background-color: #F5F5F5; padding:0 0.25rem;
      &.item0{
        background-color: #FF684A; color: #fff;
        .btn{border-color:#fff; color:#fff}
      }
      &.item3{
        background-color: #FB994D; color: #fff;
        .btn{border-color:#fff; color:#fff}
      }
    }
    .name{font-size: 0.26rem; font-weight: bold; line-height: 1; text-align: center; margin-bottom: 0.2rem;}
    .intro{line-height: 0.35rem; height: 1.4rem; font-size: 0.2rem; margin-bottom: 0.2rem;}
    .btn{width: 1.83rem; height: 0.43rem; margin: 0 auto; display: flex; align-items: center;justify-content: center; border: 1px solid #626262;}
  }
  .kjzy-m3{
    // .list{ border-left: 1px dotted #B9B9B9;}
    .item{
      width: 32%; margin-right: 2%; margin-bottom: 0.2rem; text-align: center;
      &.item:nth-child(3n+3){margin-right: 0;}
      .image{height: 1.15rem; display: block; width: 100%; margin-bottom: 0.1rem;}
      .name{font-size: 0.24rem; line-height: 1;}
    }
  }
}
.zxb-gyjqr{
  font-size: 0.2rem;
  .gyjqr-m1{
    .list{
      overflow-x: scroll;white-space: nowrap; padding: 0.1rem; margin-left: -0.1rem; padding-bottom: 0.14rem;
    }
    .item{
      width: 3.29rem; height: 5.14rem; white-space: normal; display: inline-block;vertical-align: top; margin-right: 0.18rem; padding: 0.45rem 0.3rem 0;background-size: 100% 100%; color: #fff;
      &.item0{background-image: url(../image/03gyjqr/bg1.png);}
      &.item1{background-image: url(../image/03gyjqr/bg2.png);}
      &.item2{background-image: url(../image/03gyjqr/bg3.png);}
      &.item:last-child{margin-right: 0;}
      .name{font-size: 0.28rem; font-weight: bold; line-height: 1; margin-bottom: 0.25rem;}
      .intro{line-height: 0.35rem; height: 2.45rem; font-size: 0.2rem; margin-bottom: 0.2rem;}
      .btn{width: 0.90rem; height: 0.25rem; background: rgba(255,255,255,0.4); border-radius: 0.13rem; display: flex; align-items: center;justify-content: center; margin-bottom: 0.4rem;font-size: 0.18rem}
      .more{font-size: 0.24rem; font-weight: bold; color: #fff}
    }
  }
  .gyjqr-m2{
    .item{color: #586D99; font-size: 0.22rem; height: 0.6rem; font-weight: bold; margin-bottom: 0.28rem; display: flex; align-items: center; justify-content: flex-end;}
    .list{background-size: 100% 100%; position: relative;}
    .tit{position: absolute; font-weight: bold; color: #fff; font-size: 0.3rem; text-align: center; width: 1.76rem; height: 2.06rem; line-height: 1.6;}
    .list0{
      width: 6.75rem; height: 4.25rem; background-image: url(../image/03gyjqr/3.png); margin-left:0.3rem; margin-bottom: 0.34rem;
      .tit{right: 0; top: 1.07rem;}
      .item{
        padding-right: 2.6rem;
        &.item1{margin-bottom: 0.31rem;}
        &.item2{margin-bottom: 0.31rem;}
      }
    }
    .list1{
      width: 6.80rem; height: 4.25rem; background-image: url(../image/03gyjqr/4.png); margin-left:0.4rem;
      .tit{left: 0; top: 1.08rem;}
      .item{
        padding-right: 0.35rem;
        &.item1{margin-bottom: 0.31rem;}
        &.item2{margin-bottom: 0.31rem;}
      }
    }
  }
  .gyjqr-m3{
    .name{
      font-size: 0.29rem; font-weight: bold; height: 0.67rem; position: relative; border-bottom: 1px solid #FFC107; color: #FFC107; margin: 0 0.1rem 0.25rem;
      &::after{content: '';display: block; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); border: 0.14rem solid transparent; border-bottom: none; border-top-color: #FFC107;}
    }
    .intro{color: #666; font-size: 0.21rem; line-height: 0.35rem;}
    .item{
      background: #FFFFFF; width: 48.5%;
      box-shadow: 1px 2px 0.09rem 0px #DEDEDE;
      border-radius: 0.1rem; padding: 0.18rem;
      &.on{
        .name{
          color: #1E78FB; border-bottom-color: #1E78FB !important;
          &::after{border-top-color: #1E78FB !important;}
        }
      }
    }
    .list{align-items: stretch;}
    .image{width: 100%; display: block; height: 1.73rem}
  }
  .gyjqr-m4{
    margin-bottom: -0.15rem;
    .tit{
      font-size: 0.28rem; color: #1E78FB; margin-bottom: 0.3rem; position: relative; display: inline-block;
      .sp{background-color: #fff; display: block;}
      &::after{content: ''; display: block; background-color: #4790F7; opacity: 0.18; margin-top: -0.1rem; border-radius: 0.07rem; height: 0.13rem;}
    }
    .item{
      display: flex; align-items: center; color: #333; font-size: 0.2rem; height: 0.65rem;
      &::before{content: ''; display: block; width: 0.15rem; height: 0.15rem; min-width: 0.15rem; border-radius: 50%; margin-right: 0.18rem;background-color: #4790F7}
    }
    .w{width: 2.94rem; min-width: 2.94rem; margin-left: 0.15rem; position: relative;}
    .image{display: block;}
    .t{position: absolute; color: #fff; font-weight: bold; font-size: 0.24rem; width: 0.87rem; left: 0.45rem; height: 100%; top: 0}
  }
}
.zxb-gsgl{
  font-size: 0.2rem;
  .gsgl-m1{
    .list{
      .item{
        width: 32%; margin-right: 2%; margin-bottom: 0.38rem; height: 1.91rem; border: 1px solid #BCBCBC; border-radius: 0.1rem; line-height: 1; text-align: center; padding: 0.19rem 0;
        .image{width: 0.66rem; display: block; height: 0.66rem; margin: 0 auto;}
        &.item:nth-child(3n+3){margin-right: 0}
        .name{font-size: 0.28rem; margin: 0.16rem;}
        .more{color: #355CA1}
      }
    }
    .con{
      border: 1px solid #3B60A4; border-radius: 0.1rem;padding: 0.3rem 0.3rem;
      .intro{color: #355CA1; line-height: 0.36rem}
      .top{border-bottom: 1px dotted #999999; padding-bottom: 0.24rem; margin-bottom: 0.25rem;}
      .p1{font-size: 0.3rem; font-weight: bold; color: #355CA1; flex: 1; white-space: nowrap;}
      .form3{
        display: flex; align-items: center; justify-content: space-between; background-color: #E3EDFF;border-radius: 0.1rem; padding-right: 0.1rem; overflow: hidden;
        .input{ background-color: #E3EDFF; height: 0.65rem; flex: 1; padding-left: 0.27rem; font-size: 0.22rem;};
        .btn{background-color: #355CA1; color: #fff; height: 0.45rem; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem; width: 1.4rem}
      }
    }
  }
  .gsgl-m2{
    .item{
      height: 0.8rem; font-size: 0.26rem; border-bottom: 1px dotted #D4D4D4;
      &::before{content: ''; display: block; border-radius: 50%; width: 0.12rem; height: 0.12rem; background-color: #355CA1; margin-right: 0.13rem}
      .txt{max-width: 5rem;}
      .more{color: #355CA1; font-size: 0.2rem; flex: 1; text-align: right}
    }
  }
  .gsgl-m3{
    margin-bottom: -1rem;
    .con{
      height: 7.49rem; background-position: center; padding-top: 1.14rem; background-repeat: no-repeat;
      background-size: 3.58rem 100%; background-image: url(../image/02gsgl/bg.png); font-size: 0.3rem; font-weight: bold;
      .item{
        .div{
          background-color: #f6b43f; border-radius: 0.1rem; position: relative; display: flex; align-items: center; justify-content: center; height: 0.71rem; font-size: 0.3rem; color: #fff; padding: 0 0.26rem;
          &::after{content: ''; display: block; position: absolute; border: 0.16rem solid transparent; border-bottom: none; border-top-color: #f6b43f; top: 99%;}
        }
        
        &.item0{
          margin-left: 1.51rem; margin-bottom: 0.31rem;
          .div::after{left: 47%}
        }
        &.item1{
          margin-left: 0.77rem; margin-bottom: 0.2rem;
          .div::after{left: 49%}
        }
        &.item2{
          margin-left: 2.95rem; margin-bottom: 0.34rem;
          .div::after{left: 30%}
        }
        &.item3{
          margin-left: 0.99rem;
          .div::after{left: 51%}
        }
      }
    }
  }
}
.zxb-anime{
  .anime-m1{
    .list{margin: 0 -0.2rem;}
    .item{
      width: 49.5%; height: 3.47rem; background-position: center; background-size: 100% 100%; margin-bottom: 0.37rem;
      .name{background-size: 100% 100%; background-image: url(../image/24anime/t.png); color: #fff; font-size: 0.26rem; width: 2.72rem; height: 0.68rem; margin-left: 0.1rem; margin-top: -0.2rem;}
      .intro{padding: 0.3rem 0.4rem; padding-right: 0.9rem; font-size: 0.2rem; line-height: 1.8}
    }
  }
  .anime-m2{
    .item{
      margin-bottom: 0.34rem;box-shadow: 0px 0px 0.13rem 0px #C4C4C4;
      .name{ background-color: #6149FF; color: #fff; font-size: 0.26rem; line-height: 0.46rem; padding-left: 0.33rem; margin-bottom: 0.28rem; border-radius: 0px 0px 0.2rem 0px; width: 2.43rem;}
      .intro{padding: 0.28rem 0.4rem; line-height: 1.8;}
      &.item:nth-child(1){
        .name{background-color: #8D7CFF;}
      }
    }
  }
  .anime-m3{
    .con{
      box-shadow: 0px 0px 0.06rem 0px #E0E0E0; border-radius: 0.1rem; padding: 0.4rem;
      .tit{border-bottom: 1px solid #E6E6E6; margin-bottom: 0.1rem;}
      .sp{color: #6D00FF; border-bottom: 1px solid #6D00FF; padding-bottom: 0.26rem; margin-bottom: -1px; font-size: 0.28rem;display: inline-block; line-height: 1; vertical-align: bottom;}
      .item{padding: 0.15rem 0; font-size: 0.24rem;}
      .time{color: #999;}
      .name{width: 4.5rem}
    }
  }
}
.zxb-it{
  .it-m1{
    .van-swipe-item{padding: 0 1px;}
    .item{
      border-radius: 0.1rem; border: 1px solid #5788FE; width: 32%;
      .tit{background-color: #5788FE; color: #fff; height:0.64rem; border-radius: 0.1rem; font-size: 0.24rem;}
      .li{height: 0.5rem; border-bottom: 1px solid #E3EDFD; font-size: 0.2rem; color: #010101;
        &:last-child{border-bottom: none;}
      }
      .ul{padding: 0.1rem 0.14rem}
    }
  }
  .it-m2{
    .list{margin: 0 -0.15rem;}
    .item{
      width: 50%; margin-bottom: -0.1rem;
      .image{width: 100%; height: 1.63rem}
    }
  }
  .it-m3{
    .con{
      box-shadow: 0px 0px 0.18rem 0px #D1D1D1; border-radius: 0.10rem; padding: 0.4rem; padding-bottom: 0.15rem;
      .item{margin-bottom: 0.25rem;}
      .name{font-size: 0.28rem; margin-bottom: 0.1rem; line-height: 1.6; background-size: 0.39rem auto; background-image: url(../image/05it/ico.png); background-position: 0 0; background-repeat: no-repeat; padding-left:0.62rem}
      .intro{color: #999; font-size: 0.2rem; line-height: 1.6; padding-left:0.62rem}
    }
  }
}
.zxb-arts{
  .arts-m1{
    .item{
      width: 2rem; height: 1.93rem;background-size: 100% 100%; background-image: url(../image/25arts/2.png); text-align: center; padding-top: 0.66rem; position: relative; margin-bottom: 0.58rem;
      &.on{
        background-image: url(../image/25arts/1.png); padding-top: 0;
        .step{top: auto; bottom: 0;}
      }
      .step{
        color: #D9D6E0; font-size: 0.22rem; font-weight: bold; line-height: 1; position: absolute; width: 100%; left: 0; top: 0;
        .num{font-size: 0.38rem; margin: 0.01rem 0;}
      }
      .en{font-size: 0.22rem; line-height: 0.57rem; margin: 0 -0.1rem;}
      .name{font-size: 0.24rem; color: #fff; line-height: 0.68rem;}
    }
  }
  .arts-m2{
    margin-bottom: 0.6rem;
    .list{align-items: stretch; border-bottom: 1px solid #CFCFCF;border-left: 1px solid #CFCFCF;}
    .item{
      border: 1px solid #CFCFCF; width: 50%;font-size: 0.3rem; font-weight: bold; padding: 0.4rem 0.26rem; line-height: 1.8; border-left: none; border-bottom: none;
      .red{color: #F33636;}
    }
  }
  .arts-m3{
    .tabs{height: 0.7rem; margin-bottom: 0.66rem;}
    .tab{
      overflow-x: scroll;white-space: nowrap; padding-bottom: 0.1rem;
      .item{
        width: 2.3rem; height: 0.7rem; font-size: 0.3rem; display: inline-block; background-color: #fff; text-align: center; line-height: 0.66rem; border-radius: 0.1rem !important; margin-right: 0.2rem; border: 1px solid #F33636;
        .num{color: #F33636; font-size: 0.32rem;}
        &.on{
          background-color: #F33636; color: #fff;
          .num{color: #fff;}
        }
      }
    }
    .con{
      .txt{width: 3.28rem; height: 0.34rem; padding-left: 0.2rem; position: absolute; right: -0.34rem; bottom: 82%; background-color: #F33636; color: #fff; transform: rotate(90deg); transform-origin: 0 0;}
      .image{
        position: relative;width: 3.3rem; min-width: 3.3rem; height: 3.58rem; padding-left: 0.34rem;
        img{display: block; width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 4;}
      }
      .name{
        font-size: 0.26rem; margin-bottom: 0.4rem; white-space: nowrap; font-weight: bold;
        &::before{content: ''; display: block; width: 100%; margin-right: 0.1rem; height: 1px; background-color: #F33636;}
      }
      .intro{
        font-size: 0.20rem; line-height: 1.6; margin-left: 0.23rem;
        .red{color: #F33636; font-weight: bold; font-size: 0.24rem;}
      }
    }
  }
  .form2{
    .van-cell::after{display: none !important;}
    .sp{color: #F33636;}
    .p3{color: #010101;}
    .btn{background-color: #F33636; border-color: #F33636;}
  }
}
.arts-m4{
  .form4{
    margin-bottom: 0.3rem;
    .van-cell{
      background-color: #F6F6F6; border-radius: 0.05rem; padding: 0 0.1rem; position: relative;
      &::before{content: ''; display: block; border: 0.1rem solid transparent; border-bottom: none; border-top-color: #000; right: 0.15rem; top: 50%; transform: translateY(-50%); border-top-width: 0.15rem; position: absolute;}
      .van-field__label{margin-right: 0; line-height: 0.7rem;}
      .van-field__control{font-size: 0.24rem; font-weight: bold; height: 0.7rem;}
    }
    .t1{width: 52%;}
    .t2{width: 46%;}
  }
  .list-box{overflow-y: auto; height: 9rem; margin: 0 -0.2rem;}
  .list{padding: 0 0.2rem;}
  .item{
    box-shadow: 0px 0px 0.1rem 0px rgba(83,83,83,0.17); margin-bottom: .26rem;
    border-radius: 0.1rem; padding: 0.3rem 0.1rem; padding-right: 0;
    .name{font-size: 0.27rem; font-weight: bold}
    .ys{font-size: 0.22rem; line-height: 1.8; color: #666;}
    .city{
      background-size: 0.21rem 0.26rem; background-repeat: no-repeat; padding-top: 0.36rem; font-size: 0.28rem; font-weight: bold; background-image: url(../image/school/address.png); min-width: 1.2rem; width: 1.2rem; background-position:  center 0; text-align: center;
    }
    .btn{width: 1.41rem; height: 0.5rem; border: 1px solid #0078F7; color: #0078F7; margin-right: 0.12rem; margin-top: 0.2rem; border-radius: 0.5rem;}
    .btn2{color: #fff; background-color: #0078F7; font-size: 0.22rem; font-weight: bold}
    .logos{width: 0.84rem; height: 0.84rem; border-radius: 50%; overflow: hidden; min-width: 0.84rem; padding: 0.05rem; box-shadow: 0px 0px 0.1rem 0px rgba(83,83,83,0.17);}
    .div{flex: 1; width: 100%; margin: 0 0.1rem;}
    .sp{color: #000;}
  }
}
.zxb-height{
  .height-m1{
    .div{padding: 0.2rem; width: 49%; box-shadow: 2px 3px 0.08rem 0px #E3E3E3; text-align: center;}
    .btn{
      width: 2.52rem; margin: 0 auto 0.1rem; color: #fff;
      height: .61rem;
      background: #5432D4;
      border-radius: .26rem; font-size: 0.29rem; font-weight: bold;
      &.on{background-color: #E8E2FF; color: #5432D4;}
    }
    .ico{width: 0.33rem; margin-right: 0.17rem;}
    .item{color: #5432D4; font-size: 0.28rem;border-radius: 0.1rem; white-space: nowrap; position: relative; height: 0.6rem;
      &::after{display: block; content: ''; width: 2.52rem; height: 1px; background-color: #E8E2FF; margin: 0 auto; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
      &.item:last-child::after{display: none;}
    }
  }
  .height-m2{
    margin-bottom: 0.54rem;
    .ov{overflow: hidden; height: 1.2rem; margin-bottom: 0.2rem;}
    .tab{
      overflow-x: scroll;white-space: nowrap;
      .item{
        font-size: 0.24rem; display: inline-block; vertical-align: top; height: 1.3rem; text-align: center; margin-right: 0.2rem;
        &.on{
          .ico::after{background-color: #5432D5}
          .name{color: #5432D5;}
        }
        .ico{
          width: 0.72rem; height: 0.75rem; position: relative; display: block; margin: 0 auto 0.1rem;
          &::after{content: ''; display: block; width: 100%; height: 0.05rem; position: absolute; width: 100%; left: 0; bottom: 0;}
        }
      }
    }
    .con{
      .name{font-size: 0.26rem; font-weight: bold; color: #5432D5; margin-bottom: 0.1rem;}
      .w1{width: 3.6rem}
      .w2{width: 3.02rem; display: block; box-shadow: 2px 3px 0.08rem 0px #D8D8D8;}
      .intro{color: #333; font-size: 0.2rem; line-height: 1.6;}
      
    }
    .btn{
      width: 2.23rem;
      height: .72rem;
      background: #EF524F;
      border-radius: .36rem; font-weight: bold; font-size: 0.26rem; margin: 0.44rem 0.3rem 0; color: #fff;
      &.btn2{background-color: #5432D5}
    }
  }
  .height-m3{
    margin-bottom: -1rem;
    .list{align-items: stretch}
    .item{
      margin-bottom: 0.83rem; width: 48%;box-shadow: 2px 3px 0.08rem 0px #D8D8D8;
      .ico{width: 0.91rem; height: 0.91rem; position: relative; z-index: 50; margin-left: 0.21rem; margin-top: -0.35rem;}
      .con{
        padding: 0.67rem 0 0.35rem; padding: 0 0.2rem 0.35rem; ;
        .name{font-size: 0.32rem; font-weight: bold; text-align: center; margin-bottom: 0.15rem; line-height: 1.6; color: #5432D5; margin: 0 -0.15rem 0.1rem;}
        .intro{font-size: 0.2rem; line-height: 1.8}
      }
      .btn{
        width: 3.23rem; margin-top: 0.28rem;
        height: .56rem;
        background: #5432D5; color: #fff;
      }
    }
  }
  .form2{
    .sp{color: #5432D5;}
    .p3{color: #010101;}
    .btn{background-color: #5432D5; border-color: #5432D5}
  }
}
.zxb-junior{
  .junior-m1{
    .con{height: 5.8rem; background-size: 100% 100%; background-image: url(../image/27junior/bg1.png); padding: 0.4rem 0.4rem 0 0.8rem;}
    .name{font-size: 0.28rem; margin-bottom: 0.2rem; }
    .intro{font-size: 0.2rem; color: #333; line-height: 1.7; margin-bottom: 0.15rem;}
    .btn{
      background-image: url(../image/27junior/tit.png); width:5.09rem; height: 0.54rem; background-size: 100% 100%; margin: 0 auto 0.2rem;
      .p1{font-size: 0.24rem; width: 3.47rem; color: #509A16; padding-left: 0.3rem;}
      .more{line-height: 0.54rem; color: #fff; text-align: center; width: 100%; flex: 1;}
    }
  }
  .junior-m2{
    margin-bottom: 0.5rem;
    .list-box{height: 4.77rem; overflow: hidden;}
    .list{overflow-x: scroll;white-space: nowrap; height: 4.9rem;}
    .item{
      margin-right: 0.2rem; width: 2.88rem; height: 4.77rem; display: inline-block; vertical-align: top; background-size: 100%;
      .name{font-size: 0.3rem; color: #fff; height: 1.46rem; display: flex; align-items: center; justify-content: center; padding-bottom: 0.2rem;}
      .ico{width: 0.48rem;display: block; position: relative; z-index: 10; margin: -0.24rem auto 0.05rem;}
      .intro{font-size: 0.2rem; line-height: 0.35rem; height: 2.45rem; white-space: normal;}
      .div{padding: 0 0.18rem;}
      .btn{width: 1.49rem; height: .37rem; background: #509A16; border-radius: 19px; color: #fff; font-size: 0.2rem; margin: 0 auto;}
    }
  }
  .junior-m3{
    background-position: right bottom; background-size: 4.15rem; background-repeat: no-repeat; background-image: url(../image/27junior/bg2.png); padding-bottom: 0.45rem;
    .list{
      width: 3.47rem; min-width: 3.74rem;
      .item{
        border: 1px solid #509A16; border-radius: 0.1rem; width: 100%; height: 1.57rem; position: relative; margin-bottom: 0.3rem;
        &::after{content: ''; width: 0.4rem; height: 100%; position: absolute; left: 100%; top: 0; background-position:0 center; background-repeat: no-repeat;  background-size: 0.15rem; margin-left: -1px;}
        &.on{
          // .div{background-color: rgba(80, 154, 22, 0.1);}
          border-color: transparent;
          &::after{width: 3.87rem; height: 100%; background-image: url(../image/27junior/bg4.png); background-size: 100% 100%; height: 100%; position: absolute; left: 0; top: 0;}
          .div{
            
          }
          // &::after{background-image: url(../image/27junior/jt2.png);}
          // &::before{content: ''; display: block; width: 1.2rem; height: 0.1rem; background-color: #509A16; position: absolute; left: 0.3rem; bottom: 0;}
        }
      }
      .div{
        position: relative; width: 100%; height: 100%; padding: 0.3rem;
      }
      .intro{font-size: 0.2rem; line-height: 1.6; color:#666;}
      .name{font-size: 0.26rem; margin-bottom: 0.0.8rem;}
    }
    .con{align-items: stretch;}
    .ri{
      position: relative; width: 100%; flex: 1; margin-left: 0.3rem;
      .item{width: 1.4rem; height: 0.84rem; display: flex; align-items: center; justify-content: center;background-size: 100% 100%; background-image: url(../image/27junior/bg3.png); position: absolute; font-size: 0.24rem; padding-left: 0.08rem; white-space: nowrap;}
      .item1{left: 1.5rem; top: 0.51rem;}
      .item2{left: 0rem; top: 1.11rem;}
      .item3{left: 1.5rem; top: 1.56rem;}
      .item4{left: 0rem; top: 2.27rem;}
      .item5{left: 1.5rem; top:2.7rem;}
      .item6{left: 0rem; top: 3.4rem;}
      .item7{left: 1.5rem; top: 3.78rem;}
    }
  }
  .junior-m4{
    padding: 0.57rem 0; background-size: 100% 100%; background-image: url(../image/27junior/bg5.png);
    .name{margin-bottom: 0.64rem; margin-left: 0.2rem; font-size: 0.32rem; color: #fff; font-weight: bold;}
    .intro{
      font-size: 0.18rem;height: 0.6rem; padding: 0 0.2rem; display: flex; align-items: center; position: relative; background-color: #fff; border-radius: 0.1rem;
      &::after{content: ''; display: block; border: 0.1rem; border-left: none; border-color: #fff; position: absolute; right: 100%; top: 50%; transform: translateY(-50%);}
    }
    .item{
      .ico{width: 0.62rem; margin-right: 0.26rem;}
    }
    .m4-ban{width: 4.13rem; margin-left: 0.2rem; overflow: visible;}
    .van-swipe__track{transition-timing-function: linear !important}
    .van-swipe__indicators{display: none;}
  }
  .form2{
    .sp{color: #509A16;}
    .p3{color: #509A16;}
    .btn{background-color: #509A16; border-color: #509A16}
  }
}
.zxb-home{
  .home-pup-box .van-overlay{z-index: 99999 !important;}
  .home-pup{
    background: none; width: 7.34rem; z-index: 99999 !important;
    .imgs{display: block; margin: 0 auto;}
    .close{background-size: 100% 100%; background-image: url(../image/close5.png); width: 0.56rem; height: 0.56rem; display: block; margin: 0 auto}
  }
}
// background-size: 100% 100%; background-image: url(../image/21wlaq/tit.png);
// overflow-x: scroll;white-space: nowrap;
@import './theme/page';
@import './theme/study';
@import './new/music';
@import './new/design';